<!DOCTYPE html>
<!--信息展示的测试界面，不会在后期进行使用-->
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人信息</title>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>

<nav class="ui inverted attached segment m-padded-tb-mini">
	<div class="ui container">
		<div class="ui inverted secondary stackable menu">
			<h2 class="ui teal header item">山东农业大学企业管理系统</h2>
			<a href="index.html" class="m-item item m-mobile-hide"><i class="home icon"></i>首页</a>
			<a href="personal.html" class="active m-item item m-mobile-hide"><i class="idea icon"></i>个人信息</a>
			<a href="recruit.html" class="m-item item m-mobile-hide"><i class="tags icon"></i>招聘信息</a>
			<div class="right m-item item m-mobile-hide">
				<div class="ui icon inverted transparent input">
					<input type="text" placeholder="Search...">
					<i class="search link icon"></i>
				</div>
			</div>
		</div>
	</div>

	<a href="#" class="ui menu toggle black inverted icon button m-right-top m-mobile-show">
		<i class="sidebar icon"></i>
	</a>

</nav>

<!--中间内容-->
<div class="m-container m-padded-tb-big">
	<div class="ui container">
		<div class="ui stackable grid">

			<!--      header      -->
			<div class="ui top attached segment">
				<h3 class="ui header center aligned" id="ename_title"></h3>
			</div>

			<!--      content      -->
			<div class="ui attached segment">
				<div class="ui padded vertical segment m-padded-tb-large">
					<div class="ui mobile reversed stackable grid">
						<div class="five wide column">
							<img src="" alt="./img/head.jpg" class="ui rounded image" id="license">
						</div>
						<div class="nine wide column">
							<p class="m-text" id="ename"></p>
							<p class="m-text" id="type"></p>
							<p class="m-text" id="contacts"></p>
							<p class="m-text" id="telephone"></p>
							<p class="m-text" id="email"></p>
							<p class="m-text" id="website"></p>
							<p class="m-text" id="address"></p>
							<p class="m-text" id="need"></p>
							<p class="m-text" id="state"></p>
						</div>
					</div>
				</div>
			</div>


			<div class="ui bottom attached segment">
				<div class="ui middle aligned two column grid">
					<div class="column">
						<p style="color: #00B5AD">您的每一次修改信息和上传营业执照，系统都会重新审核</p>
					</div>

					<div class="right aligned column">
						<a href="upload.html" class="ui mini blue basic button">上传营业执照</a>
						<a href="modify.html" class="ui mini teal basic button">修改信息</a>
					</div>
				</div>
			</div>


		</div>
	</div>
</div>


<!--    底部footer    -->
<footer class="ui inverted vertical segment m-padded-tb-massive">
	<div class="ui center aligned container">
		<div class="ui inverted divided stackable grid">
			<div class="three wide column">
				<div class="ui inverted link list">
					<div class="item">
						<img src="/img/wechat.png" class="ui rounded image" alt="" style="width: 250px">
					</div>
				</div>
			</div>
			<div class="three wide column">
				<h4 class="ui inverted header m-text-thin m-text-spaced">最新博客</h4>
				<div class="ui inverted link list">
					<a href="#" class="item">用户故事(User Story)</a>
					<a href="#" class="item">用户故事(User Story)</a>
					<a href="#" class="item">用户故事(User Story)</a>
				</div>
			</div>
			<div class="three wide column">
				<h4 class="ui inverted header m-text-thin m-text-spaced">联系我</h4>
				<div class="ui inverted link list">
					<a href="#" class="item">Email：1244204317@qq.com</a>
					<a href="#" class="item">QQ：1244204317</a>
				</div>
			</div>
			<div class="seven wide column">
				<h4 class="ui inverted header">Blog</h4>
				<p class="m-text-thin m-text-spaced m-opacity-mini">这是我的个人博客，会分享自己的一些学习感悟或者常用的编程方法，希望可以给你带来帮助...</p>
			</div>
		</div>
		<div class="ui inverted section divider"></div>
		<p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright@2020-2021jyuxuan Designed by jyuxuan</p>
	</div>
</footer>


<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
<script>
	$(document).ready(function () {
		$.ajax({
			async: false,
			url: "/enter/viewInfo",
			type: "post",
			success: function (data) {
				var obj = JSON.parse(data);
				var enterprise = obj.data.enterprise;
				// $('#ename_title').html(enterprise.ename + "的企业信息");
				$('#ename').html("企业名称：" + enterprise.ename);
				$('#type').html("企业类型：" + enterprise.type);
				$('#contacts').html("联系人：" + enterprise.contacts);
				$('#telephone').html("联系电话：" + enterprise.telephone);
				$('#email').html("企业邮箱：" + enterprise.email);
				$('#website').html("企业网站：" + enterprise.website);
				$('#address').html("企业地址：" + enterprise.address);
				// $('#need').html("招聘人数：" + enterprise.need);

				var state = enterprise.state;
				var s = "";
				if (state === 0) {
					s = "审核中";
				} else if (state === -1) {
					s = "未通过";
				} else if (state === 1) {
					s = "已通过";
				}
				$('#state').html("审核状态：" + s);

				$('#license')[0].src = enterprise.license;

			}
		});
	});
</script>

</body>
</html>